<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>iframe border</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link type="text/css" rel="stylesheet" href="./common.css" />
</head>
<body>
<h1>iframe元素与iframe内部html都是200*110px时的效果：</h1>
<div class="container">
	<div>
		<h2>默认</h2>
		<iframe src="./iframe.html" style="height:110px;width:200px;">
		</iframe>
	</div>
	<div>
		<h2>border:none;</h2>
		<iframe src="./iframe.html" style="height:110px;width:200px;border:none;">
		</iframe>
	</div>
	<div>
		<h2>frameBorder:0;</h2>
		<iframe src="./iframe.html" style="height:110px;width:200px;frameBorder:0;">
		</iframe>
	</div>
	<div>
		<h2>frameBorder="0"</h2>
		<iframe src="./iframe.html" frameBorder="0" style="height:110px;width:200px;">
		</iframe>
	</div>
</div>
<div class="clear">
</div>
<div class="container">
	<div>
		<iframe src="./iframe_body_overflow.html" style="height:110px;width:200px;">
		</iframe>
	</div>
	<div>
		<iframe src="./iframe_body_overflow.html" style="height:110px;width:200px;border:none;">
		</iframe>
	</div>
	<div>
		<iframe src="./iframe_body_overflow.html" style="height:110px;width:200px;frameBorder:0;">
		</iframe>
	</div>
	<div>
		
		<iframe src="./iframe_body_overflow.html" frameBorder="0" style="height:110px;width:200px;">
		</iframe>
	</div>
</div>
<div class="clear">
</div>
<div class="container">
	<div>
		<iframe src="./iframe_html_and_body_overflow.html" style="height:110px;width:200px;">
		</iframe>
	</div>
	<div>
		<iframe src="./iframe_html_and_body_overflow.html" style="height:110px;width:200px;border:none;">
		</iframe>
	</div>
	<div>
		<iframe src="./iframe_html_and_body_overflow.html" style="height:110px;width:200px;frameBorder:0;">
		</iframe>
	</div>
	<div>
		<iframe src="./iframe_html_and_body_overflow.html" frameBorder="0" style="height:110px;width:200px;">
		</iframe>
	</div>
</div>
<div class="clear">
</div>

<p>
总结：frameBorder写在css中无效（firefox、IE）。内外等高等宽时，
</p>
<p>
IE 9、8、7、6需要frameBorder="0"，不需要overflow:hidden，即可不出现滚动条。
</p>
<p>
Firefox需要frameBorder="0"或border:none，即可不出现滚动条。
</p>
<div class="nav">
<a href="./index.html">回到首页</a>
</div>
</body>
</html>